var table;
$(document).ready(function() {
	var url=sy.bp();
	var option_syuser ={
			"aLengthMenu":[3,5,10,20], //动态指定分页后每页显示的记录数。
			"searching":false,//禁用搜索
			"lengthChange":false, //是否启用改变每页显示多少条数据的控件
			"sort" : "position",  //是否开启列排序，对单独列的设置在每一列的bSortable选项中指定
			"deferRender":true,//延迟渲染
			"bStateSave" : false, //在第三页刷新页面，会自动到第一页
			"iDisplayLength" : 5,  //默认每页显示多少条记录
			"iDisplayStart" : 0,
			//----------------
			 "sPaginationType": "full_numbers",
			 "serverSide":true,
			 "bInfo": true,//Showing 1 to 10 of 23 entries 总记录数没也显示多少等信息---fc
			 "bAutoWidth":false,//是否自动计算表格各列宽度，默认true-----fc
			 "bSort":false,//禁用排序-----默认true---false指排序--fc
			 "bFilter":false,//是否启动过滤，搜索功能
			 
			 //"aaSorting":[[2,'desc']],//---------fc
			//---------------
			//"sAjaxSource": 'DataProvider',//这将是控制器的操作方法使用JSON返回类型从而填补你的数据表---fc
			// "sAjaxDataProp": "data",
			"ordering": true,//全局禁用排序
			"dom": '<l<\'#topPlugin\'>f>rt<ip><"clear">',
	        //"sAjaxSource":url,
	        "ajax": {
                "type": "POST",
                "url":url+'/syuser/list',
                "data":function(d){
                	d.searchByName=$("#searchByName").val()
                	d.searchByType=$("#searchByType").val()
                }  
                 
	        },       
			"aoColumns" : [{  //aoColumns设置列时，不可以任意指定列，必须列出所有列。
				"mData" : "id",
				"orderable": false , // 禁用排序
				"sDefaultContent" : "",
				"sWidth" : "3%"
	        },{  //aoColumns设置列时，不可以任意指定列，必须列出所有列。
				"mData" : "id",
				"orderable": false , // 禁用排序
				"sDefaultContent" : "",
				"sWidth" : "2%"
	        },{
				"mData" : "name",
				"orderable" : true, // 禁用排序
				"sDefaultContent" : "",
				"sWidth" : "6%",
				
			}, 
			{
				"mData" : "createtime",
				"orderable" : false, // 禁用排序
				"sDefaultContent" : "",
				"sWidth" : "3%",
				
			}, 
			{
				"mData" : "realname",
				"orderable" : false, // 禁用排序
				"sDefaultContent" : "",
				"sWidth" : "6%",
				
			}, 
			{
				"mData" : "phone",
				"orderable" : false, // 禁用排序
				"sDefaultContent" : "",
				"sWidth" : "6%",
				
			}, 
			/*{
				"mData" : "factoryName",
				"orderable" : false, // 禁用排序
				"sDefaultContent" : "",
				"sWidth" : "6%",
				
			}, */
			{
				"mData" : "birthday",
				"orderable" : false, // 禁用排序
				"sDefaultContent" : "",
				"sWidth" : "6%",
				
			}, 
			{
				"mData" : "state",
				"orderable" : false, // 禁用排序
				"sDefaultContent" : "",
				"sWidth" : "6%",
				
			}, 
			{
				"mData" : "address",
				"orderable" : false, // 禁用排序
				"sDefaultContent" : "",
				"sWidth" : "6%",
				
			}, 
//			{
//				"mData" : "syorgName",
//				"orderable" : false, // 禁用排序
//				"sDefaultContent" : "",
//				"sWidth" : "6%",
//				
//			}, 
			{
				"mData" : "email",
				"orderable" : false, // 禁用排序
				"sDefaultContent" : "",
				"sWidth" : "6%",
				
			}, 
//			{
//				"mData" : "zw",
//				"orderable" : true, // 禁用排序
//				"sDefaultContent" : "",
//				"sWidth" : "6%",
//				
//			}, 
			
//			{
//				"mData" : "roledetail",
//				"orderable" : true, // 禁用排序
//				"sDefaultContent" : "",
//				"sWidth" : "10%",
//				"render":function(data, type, full, meta){  //render改变该列样式,4个参数，其中参数数量是可变的。
//					var  html=' <span style="color: red"> '+data+'</span>  ';
//			    return	html;
//			    }
//			}, 
			{
				"mData" : "id",//自己定义的字段，"render":function(data, type, full, meta)，data是rid的值
				"orderable" : false, // 禁用排序
				"sDefaultContent" : '',
				"sWidth" : "15%",
			    "render":function(data, type, full, meta){  //render改变该列样式,4个参数，其中参数数量是可变的。
			    	var aniu='';
			    	var aa="&nbsp&nbsp&nbsp&nbsp&nbsp";
			    	var html='<button   class="btn btn-primary" onclick="syuserDelete('+data+')" >删除</button><button   class="btn btn-primary" onclick="syuser_update('+data+')" >修改</button><button class="btn btn-primary" onclick="syuser_grant('+data+')" >角色</button>';
			    return html;
			    }}
			],
			"columnDefs" : 
			[{
				"orderable" : false, // 禁用排序
				"targets" : [0], // 指定的列
				"orderData": [ 0, 1 ],  //如果第一列进行排序，有相同数据则按照第二列顺序排列
				"data" : "id",
				"render" : function(data, type, full, meta) {
					
					return '<input type="checkbox" value="'+ data + '" name="id"/>';
				}
			}],
			"oLanguage" : { // 国际化配置
				"sProcessing" : "正在获取数据，请稍后...",
				"sLengthMenu" : "显示 _MENU_ 条",
				"sZeroRecords" : "没有找到数据",
				"sInfo" : "从 _START_ 到  _END_ 条记录 总记录数为 _TOTAL_ 条",
				"sInfoEmpty" : "记录数为0",
				"sInfoFiltered" : "(全部记录数 _MAX_ 条)",
				"sInfoPostFix" : "",
				"sSearch" : "搜索",
				"sUrl" : "",
				"oPaginate" : {
					"sFirst" : "第一页",
					"sPrevious" : "上一页",
					"sNext" : "下一页",
					"sLast" : "最后一页"
				}
			},
			drawCallback: function( settings ) {
		        $('input[name=allChecked]')[0].checked=false;//取消全选状态
	    } 
//		        ,
//			initComplete:initComplete,
//			drawCallback: function( settings ) {
//		        $('input[name=allChecked]')[0].checked=false;//表格初始化完成取消全选状态
//		    }
//		    "ajax": {  
//	            "url": url,   
//	            "dataSrc": "aaData",   
//	            "data": function ( d ) {  
//	                var level1 = $('#rname_search').val();  
//	                //添加额外的参数传给服务器  
//	                d.rname = level1;  
//	            }  
//	        },  
		}
		
	
	 table= $("#example_syuser").DataTable(option_syuser);
	
	  });
//	/**
//	 * 表格加载渲染完毕后执行的方法
//	 * @param data
//	 */
//	function initComplete(data){
//	
//		//删除用户按钮的HTMLDOM
//	    var topPlugin='<button   class="btn btn-danger btn-sm" id="deleteAll">批量删除</button> <button   class="btn btn-primary btn-sm addBtn" >新 增</button>' ;
//	  			       
//		$("#topPlugin").append(topPlugin);//在表格上方topPlugin DIV中追加HTML
//	
//	}
$(function(){
	//两个检索失去焦点时重绘表格
	$(".search_diy").blur(function(){
		    table.draw();
	 })
	//全选与取消全选
 $('input[name=allChecked]').click(function(){ 
		$("input[name='id']").each(function(){
			  if ($('input[name=allChecked]')[0].checked) {
				  this.checked = true;
			  }
			  else {
				  this.checked = false;
			  }
			});
	})
	/**
	 * 点击添加请求controller后弹出bootstrap页面
	 */
	$("#addSuser_button_id").click(function(){	
		//点击添加按钮弹出bootstrap添加页面
		$("#myModal-addSyuser-info").modal('show');
		
	
	})
	/**
	 * 请求后台添加syuser
	 */
	 $('#addSyuser_button_id').click(function() { 
		 var syuser_data=$("#addSyuser_from_id").serializeJson();
    	   var url1=sy.bp()+"/syuser/add";
			$.ajax({
				url:url1,
				type:"post",			
				data:syuser_data,			
				dataType:"json",
				success:function(data){
					if(data==1){
						table.ajax.reload();
						$("#myModal-addSyuser-info").modal('hide');
						alert("添加成功")
					}else if(data=0){
						alert("添加失败")
					}
				},
				error:function(){
					
				}
			})
	 }) 
		/**
		 * 请求后台修改syuser
		 * @param id
		 * @returns
		 */
		$("#updateSyuser_button_id").click(function (){
			var url_update=sy.bp()+"/syuser/update";
			var syuser_data=$("#updateSyuser_from_id").serializeJson();
			console.info(syuser_data);
			$.ajax({
				url:url_update,
				type:"post",			
				data:syuser_data,
				dataType:"json",
				success:function(data){
					if(data==1){
						alert("修改成功");
						$("#myModal-updateSyuser-info").modal('hide');
						table.ajax.reload();						
					}else if(data==0){
						alert("修改失败");
						$("#myModal-updateSyuser-info").modal('hide');
					}
					
				},
				error:function(){
					console.info('ajax请求失败')
				}
			})
		})
})//jq结尾
	 



	/**
	 * 点击修改根据id查询到数据显示到修改框内
	 * @param id
	 * @returns
	 */
	function syuser_update(id){
	var url_updatePre=sy.bp()+"/syuser/updatePre";
	$.ajax({
		url:url_updatePre,
		type:"post",			
		data:{
			"id":id
		},
		dataType:"json",
		success:function(data){

			$("#updateIdId").val(data.id);
			$("#updateNameId").val(data.name);
			$("#updatePasswordId").val(data.password);
			$("#updateCreatetimeId").val(data.createtime);
			$("#updateRealname").val(data.realname);
			$("#updatePhoneId").val(data.phone);
			$("#updateBirthdayId").val(data.birthday);
			$("#updateStateId").val(data.state);
			$("#updateaddressId").val(data.address);
			
			$("#updateEmailId").val(data.email);
			
			
			$("#myModal-updateSyuser-info").modal('show');
		},
		error:function(){
			console.info("ajax请求失败")
		}
	})
 }	

	/**
	 * 根据id请求后台删除syuser
	 * @param id
	 * @returns
	 */
	function syuserDelete(id){
		var url_delete=sy.bp()+"/syuser/delete";
		$.ajax({
			url:url_delete,
			type:"post",			
			data:{
				"id":id
			},
			dataType:"json",
			success:function(data){
				if(data==1){
					alert("删除成功");
					table.ajax.reload();						
				}else if(data==0){
					alert("删除失败");
				}
				
			},
			error:function(){
				console.info('ajax请求失败')
			}
		})
	}
       
	/*function syuser_grant(id){
		var url_grant=sy.bp()+"/syuser/grant";
		$.ajax({
			url:url_grant,
			type:"post",			
			data:{
				"id":id
			},
			dataType:"json",
			success:function(data){
				console.info("grant.rolename:"+data[0].rolename)
				console.info("grant.length:"+data.length)
				//先清空再追加checkbox
				$("#getCheckBox").html('');
				for(var i=0;i<data.length;i++){				
					$("#getCheckBox").append('<input type="checkbox"  id='+data[i].id+' style="marginLeft:-5px"  class="checkboxClass" style="width: 250px" maxlength="15" placeholder="10个汉字以内" />'+data[i].rolename+'</br>')				
						console.info("data[i].isExistRole"+data[i].isExistRole)
						$("#"+data[i].id).prop('checked',data[i].isExistRole);
				
				}
				$("#myModal-grantRole-info").modal('show');
			},
			error:function(){
				console.info('ajax请求失败')
			}
		})
		
	}*/
	/*function search(){
	
		table.ajax.reload(); 
	}*/
//搜索
//$("#submitSearch").click( function () {
//	oTable.fnFilter();
//} );
//添加
//	function addRole_button_fun(){
//		//点击添加按钮弹出bootstrap添加页面
//		$("#myModal-add-info").modal('show');
//	}
//	function addRole_button_ajax(){
//		var url1=sy.bp()+"/role/add_ajax";
//		var rname1=$("#brandnameid").val();
//		
//		$.ajax({
//			url:url1,
//			type:"post",			
//			data:{
//				rname:rname1
//			},
//			dataType:"json",
//			success:function(data){
//				table.ajax.reload();
//				$("#myModal-add-info").modal('hide');
//				alert("添加成功！");
//			},
//			error:function(){
//				console.log("ajax-add--失败")
//			}
//		})
//	}
////------------------------修改-------------------------
//	//点击修改按钮，ajax请求controller获得数据，传入bootstrap页面后，再弹出该bootstrap页面
//	function role_update(rid){
//		var url1=sy.bp()+"/role/findRoleById_bootstrap_ajax";
//		$.ajax({
//			url:url1,
//			type:"post",			
//			data:{
//				"rid":rid
//			},
//			dataType:"json",
//			success:function(data){
//				$("#rnameId").val(data.role.rname)//将查到的值设进去
//				$("#ridId").val(data.role.rid)
//				$("#myModal-update-info").modal('show');
//			},
//			error:function(){
//				
//			}
//		})
//	}
//	function updateRole_button_ajax(){
//
//		var url1=sy.bp()+"/role/update_bootstrap_ajax";
//		var a=$("#category_update").serializeJson();//将id为category_update，的表单的数据，已name=name值，value=value值形式转为json数据
//		console.info(a);	
//		$.ajax({
//			url:url1,
//			type:"post",			
//			data:a,
//			dataType:"json",
//			success:function(data){
//				console.info(data);
//				table.ajax.reload();
//				$("#myModal-update-info").modal('hide');
//				alert("修改成功！");
//			},
//			error:function(){
//				console.log("ajax-update--失败")
//			}
//		})
//	}
//	//-------jq-------start
//	$(function(){
//		//全选与取消全选	
//		$('input[name=allChecked]').click(function(){ 
//			$("input[name='id']").each(function(){
//				  if ($('input[name=allChecked]')[0].checked) {
//					  this.checked = true;
//				  }
//				  else {
//					  this.checked = false;
//				  }
//				});
//		})
//		
//	 
//	
//	})
//	//---------jq-end--------
//	function deleteAllRoles(){
//		var url1=sy.bp()+"/role/deteleAllRoles_ajax";
//		var ids=document.getElementsByName("id");
//		var ids_vals=[];
//		for(var i=0;i<ids.length;i++){
//			console.info("ids"+ids[i].value)
//			ids_vals[i]=ids[i].value
//		}
//		$.ajax({
//			url:url1,
//			type:"post",
//			traditional: true,
//			data:{"ids":ids_vals},
//			dataType:"json",
//			success:function(data){
//				console.info(data);
//				table.ajax.reload();
//				//$("#myModal-update-info").modal('hide');
//				alert("删除成功！");
//			},
//			error:function(){
//				console.log("ajax-delete--失败")
//			}
//		})
		//---------------------------------------
//		$("input[name='id']").each(function(){
//			var url1=sy.bp()+"/role/deteleAllRoles_ajax";
//			if(this.checked){
//				$.ajax({
//					url:url1,
//					type:"post",			
//					data:{rid:this.value},
//					dataType:"json",
//					success:function(data){
//						console.info(data);
//						table.ajax.reload();
//						//$("#myModal-update-info").modal('hide');
//						alert("删除成功！");
//					},
//					error:function(){
//						console.log("ajax-delete--失败")
//					}
//				})
//			}
//		})
//	}
///**
// * 弹出授权框
// * @param id
// */
//function shouquan(id){
//	$("#ztree_role_id").val(id);
//	var set = {
//		    view: {  
//		        dblClickExpand: true,//双击节点时，是否自动展开父节点的标识  
//		        showLine: true,//是否显示节点之间的连线  
//		        fontCss:{'color':'blue','font-weight':'bold'},//字体样式函数  
//		        selectedMulti: true //设置是否允许同时选中多个节点  
//		    },  
//			check:{  
//		        chkStyle: "checkbox",
//		        enable: true  
//		    },  
//			   data: {  
//			        simpleData: {//简单数据模式  
//			            enable:true,  
//			            idKey: "id",  
//			            pIdKey: "pid",  
//			            rootPId: ""  
//			        }  
//			    }   
//			    
//	};
//	$.ajax({
//		url:sy.bp()+"/ztree/json2.action",
//		type:"post",
//		dataType:"json",
//		success:function (qiqi){
//			t = $.fn.zTree.init($("#user_tree"), set, qiqi);
//			//console.info(qiqi);
//		}
//	});
//	
//	$("#shouquan").modal('show');
//}
//
//
///**
// * 授权
// */
//function quanxiantj(){
//	var treeObj = $.fn.zTree.getZTreeObj("user_tree");
//	var nodes = treeObj.getCheckedNodes(true);
//	var theArray=[];
//	for(var i=0;i<nodes.length;i++){
//		  theArray.push(nodes[i].id);
//	}
//	alert(theArray.toString());
//	var roleid=$("#ztree_role_id").val();
//	alert("jueseid-"+roleid);
//}
//
//
//
//
//
//
///**
// * 新增
// */
//function add(){
//	
//	//bootstrap 技术
//	$("#myModal-add-info").modal('show');
//	
//}
//
//
//function addtj(){
//	var username=$("#usernameid").val();
//	var pwd=$("#pwdid").val();
//	var reamlname=$("#reamlnameid").val();
//	alert(username);
//	alert(pwd);
//	alert(reamlname);
//	alert("获取form的之");
//	/*var url=sy.bp()+"/role/add.action";
//	var jsondata={
//			"username":username,
//			"pwd":pwd,
//			"reamlname":reamlname
//	};*/
//	$.ajax({
//		url:sy.bp()+"/ddddd/add.action",
//		type:"post",
//		data:{
//			"username":username,
//			"pwd":pwd,
//			"reamlname":reamlname
//	},
//		dataType:"json",
//		success:function (qiqi){
//			console.info(qiqi);
//		}
//	});
//}
//
//
//function update(id){
//	
//
//	$.ajax({
//		url:sy.bp()+"/role/findbyid.action",
//		type:"post",
//		data:{
//			"id":id
//	},
//		dataType:"json",
//		success:function (qiqi){
//			alert(qiqi.id);
//			console.info(qiqi.id);
//			console.info(qiqi.username);
//			$("#updateusernameid").val(qiqi.username);
//			$("#myModal-update-info").modal('show');
//		}
//	});
//	
//	
//}
//
/**
 * 批量删除
 * 
 */

//function deleteall(){
//	
//	var ids=document.getElementsByName("id");
//	for(var i=0;i<ids.length;i++){
//		if(ids[i].checked){
//			alert(ids[i].value);
//		}
//	}
//	//大神的写法
//	  var theArray=[];
//	   $("input[name=id]:checked").each(function() { 
//		      theArray.push($(this).val());
//		    });
//	var ids=theArray.toString();
//	   $.ajax({
//			url:sy.bp()+"/role/deleteall.action",
//			type:"post",
//			data:{
//				"ids":ids,
//		       },
//			dataType:"json",
//			success:function (qiqi){
//				console.info(qiqi);
//			}
//		});
	
//}
